<template>
  <page-main class="page-message-list">
    <van-list
      v-model="longList.loading"
      :finished="longList.finished"
      finished-text="没有更多了"
      @load="getList"
      class="fly-card"
    >
      <div class="item" v-for="(item,index) in longList.list" :key="index" @click="gotoPage(item)">
        <div class="thumb">
          <van-image round src="" />
        </div>
        <div class="content">
          <div class="title">
            预约挂号成功
          </div>
          <div class="desc">
            您已成功挂号心血管内科 刘生医生，请于2022-12-30 09:10准时就诊。
          </div>        
          <div class="link">
            查看详情<van-icon name="arrow" />
          </div>          
        </div>
      </div>
    </van-list>
  </page-main>
</template>
<script>
export default {
  data(){
    return{
      patient:{
        custName: '张三',
        relationType:'本人',
        idNo:'xxx',
      },
      longList:{
        loading: false,
        finished: false,
        list: [1,1,1,1,1]
      },
    }
  },
  methods:{
    getList(){
      this.longList.finished = true;
    },
    gotoPage(item){
      let url = '/appointment/detail';
      this.$util.gotoPage(url);
    }
  }
}
</script>
